<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>跳转提示</title>
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta content="telephone=no, address=no" name="format-detection">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<style type="text/css">
html,body{ background:#f3f3f3;}
*{ padding:0; margin:0;}
.jump_tips{ max-width:640px; margin:auto;}
.jump_tips a{ color:#666; text-decoration:none}
header{ background-color:#3eb94e; padding:60px 0 40px; text-align:center}
header img{ width:80px; margin-bottom:40px;}
.jump_tips .success{ color:#fff; font-size:16px; padding:0 20px;}
.jump_tips .jump{ padding:15px; text-align:center}
.jump_tips .time{ background:#3eb94e; display:inline-block; height:40px; width:40px; line-height:40px; border-radius:20px; color:#fff; margin:20px 0; font-size:22px; text-align:center;-webkit-animation: runtime 1s linear infinite alternate;;}
@-webkit-keyframes runtime
{
0%   { -webkit-transform:translate3d(0px, 100px, 0px); }
100% { -webkit-transform:translate3d(0px, 0, 0px); }
}
</style>
</head>
<body>
<div class="jump_tips">
    <present name="message">
    	<header>
            <img src="__IMG__/mobile_jump_success_face.png"/>
            <p class="success"><?php echo($message); ?></p>
        </header>
    <else/>
        <header>
            <img src="__IMG__/mobile_jump_err_face.png"/>
            <p class="success"><?php echo($error); ?></p>
        </header>
    </present>
    <p style="height:160px; text-align:center">
    	<span id="time" class="time"><?php echo($waitSecond); ?></span>
    </p>
    <p class="jump" >
    	<a id="href" href="<?php echo($jumpUrl); ?>">页面即将跳转跳转</a>
    </p>
</div>
<script type="text/javascript">
(function(){
	
var wait = '<?php echo($waitSecond); ?>';
var href = document.getElementById('href').href;
var timeDom = document.getElementById("time");
var interval = setInterval(function(){
	var time = --wait;
	timeDom.innerHTML=time;
	if(time <= 0) {
		location.href = href;
		clearInterval(interval);
	};
}, 2000);

})();
</script>
</body>
</html>
